$green: #1abc9c;
$red: #ff7373;

.contents {
  background: #f7f7f7;
	.commissionbox {
		margin: 30px 0;
		.cp_l {
			width: 190px;
			height: auto;
			background-color: #ffffff;
			border: solid 1px #eeeeee;
			padding-bottom: 30px;
			div {
				padding: 27px 0 27px 40px;
				font-size: 20px;
				color: #666;
			}
			ul {
				height: auto;
				li {
					padding-left: 40px;
					margin: 20px 0;
					font-size: 16px;
					line-height: 24px;
					color: #666;
					a {
						&:hover {
							color: $green;
						}
					}
				}
			}
			.myaccount {
				li {
					border-left: 6px solid #fff;
				}
				.active {
					border-left: 6px solid $green;
					color: $green;
				}
			}
		}
		.cp_r {
			width: 998px;
			// height: 961px;
			background-color: #ffffff;
			border: solid 1px #eeeeee;
			.cp_r_tab {
				height: 50px;
				background-color: #fdfdfd;
				border-bottom: solid 1px #eeeeee;
				line-height: 50px;
				font-size: 18px;
				color: #666;
				div {
					text-align: center;
					width: 101px;
					height: 50px;
				}
				.active {
					background-color: #ffffff;
					color: $green;
					border-top: 4px solid $green;
				}
			}
		}
	}
}
.info-board {
	text-align: center;
	font-size: 18px;
	color: #666666;
	input[type=text] {
		outline: none;
		width: 280px;
		height: 50px;
		background-color: #f7f7f7;
		border: solid 1px #eeeeee;
		box-sizing: border-box;
		padding-left: 20px;
	}
	input[type=radio] + label::before {
    content: "\a0"; /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: 24px;
		height: 24px;
		background-color: #ffffff;
		border: solid 1px #eeeeee;
		border-radius: 50%;
		margin-right: 18px;
	}
	input[type="radio"]:checked + label::before {
    background-color: #01cd78;
    background-clip: content-box;
    padding: 4px;
	}
	input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
	}
	.female,.male {
		display: inline-block;
	}
	select{
		//清除select的边框样式
		//清除select聚焦时候的边框颜色
		outline: none;
		//将select的宽高等于div的宽高
		width: 90px;
		height: 50px;
		line-height: 50px;
		border: solid 1px #eeeeee;
		box-sizing: border-box;
		padding-left: 10px;
		//隐藏select的下拉图标
		//通过padding-left的值让文字居中
	}
	option::-ms-expand{ display: none; }
	option{
			-moz-appearance:none; /* Firefox */
			-webkit-appearance:none; /* Safari 和 Chrome */
			appearance:none;
	}
	option:hover{
    color:#fff;
    background-color:	red;
	}
	label {
		font-weight: normal;
	}
	.select-city {
		width: 280px;
	} 
	img {
		width: 78px;
		height: 78px;
		margin-top: 80px;
		margin-bottom: 16px;
	}
	.text {
		margin-bottom: 30px;
	}
	.input-groups {
		margin-bottom: 26px;
		display: flex;
		align-items: center;
		justify-content: center;
		.labels {
			width: 90px;
		}
		.sex-group {
			width: 280px;
			box-sizing: border-box;
			padding-left: 36px;
			text-align: left;
			.male {
				margin-right: 72px;
			}
		}
	}
	textarea {
		outline: none;
		background-color: #ffffff;
		border: solid 1px #eeeeee;
		width: 280px;
		box-sizing: border-box;
		padding: 12px;
	}
	.textarea {
		align-items: flex-start;
		span {
			display: inline-block;
			padding-top: 12px;
		}
	}
	.btn-div {
		margin-top: 38px;
		span {
			display: inline-block;
			width: 180px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			color: #fff;
			font-size: 18px;
			margin-left: 100px;
			background-color: #1abc9c;
			border-radius: 4px;
		}
	}
}